<template>
	<view class="content">
		<view class="info">
			<text class="text">满4免1</text>
			<text class="text">5折</text>
			<text class="text1">·活动期间，每消费4单可免1单。</text>
			<text class="text1">·前3单平均实付金额为最后一单免单金额。</text>
			<text class="text1">·活动期内任务可循环，可累加。</text>
			<text class="text1">·酒水饮料除外。</text>

		</view>
		<view class="info1">
			<text class="text">活动时间：</text>
			<text class="text1">·2020-09-15至2020-12-15 23：59（周末，法定节假日通用</text>
			<text class="text2">·商家营业时间内均可</text>
		</view>
		<view class="info1">
			<text class="text">使用规则：</text>
			<text class="text1">·2020-09-15至2020-12-15 23：59（周末，法定节假日通用</text>
			<text class="text2">·商家营业时间内均可</text>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 30rpx;

		.info {
			width: 690rpx;
			height: 252rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 18rpx 0px rgba(51, 51, 51, 0.1);
			border-radius: 20rpx;
			padding: 20rpx 30rpx;

			.text {
				width: 136rpx;
				height: 40rpx;
				line-height: 40rpx;
				background: linear-gradient(180deg, #FF6494 0%, #FFA86A 100%);
				border-radius: 5rpx;
				text-align: center;
				display: inline-block;

				font-size: 24rpx;
				font-family: "Microsoft YaHei",PingFang SC;
				font-weight: bold;
				color: #FEFEFE;
				margin-right: 20rpx;

			}

			.text1 {
				height: 24rpx;
				display: block;
				margin-top: 18rpx;
				font-size: 24rpx;
				font-family: "Microsoft YaHei",PingFang SC;
				font-weight: bold;
				color: #FF6767;

			}

		}

		.info1 {
			width: 690rpx;
			height: 206rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 18rpx 0rpx rgba(51, 51, 51, 0.1);
			border-radius: 20rpx;
			padding: 20rpx 30rpx;
			margin-top: 20rpx;
			.text {
			
			
				font-size: 36rpx;
				font-family: "Microsoft YaHei",PingFang SC;
				font-weight: 400;
				color: #333333;

			}
			.text1 {
		
				display: block;
				font-size: 24rpx;
				font-family: "Microsoft YaHei",PingFang SC;
				line-height: 35rpx;
				font-weight: 400;
				color: #333333;
				margin: 15rpx 0 6rpx 0;
				

			}
			.text {
				display: block;
				font-size: 24rpx;
				font-family: "Microsoft YaHei",PingFang SC;
				font-weight: 400;
				color: #333333;

			}

		}



	}
</style>
